<template>

  <UploadExcel :on-success="upload" />

</template>

<script>
import { importEmployees } from '@/api/employees'
export default {
  methods: {
    async upload(data) {
      console.log(data.results)
      // 这里得到的数据,在 data.results 里面
      // 跟 api 的差距在于
      // 1.key 是中文,所以需要翻译
      // 2.日期是 5位数,也需要转换

      // 翻译的步骤
      // 1. 字典
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber',
        '部门': 'departmentName',
        '聘用形式': 'formOfEmployment'
      }
      // 2. 遍历数组单独拿出每个员工进行翻译
      const newUserArray = data.results.map(user => {
        // 遍历出每个员工
        // console.log('000', user)
        // 然后封装一个函数 zh2en(),作为翻译功能
        // 这个函数可以接受不中文key组成的员工对象
        // 给你返回一个英文 key
        return this.zh2en(user, dict)
      })
      console.log(newUserArray)
      await importEmployees(newUserArray)
      this.$message.success('操作成功')
      this.$router.back()
    },
    zh2en(user, dict) {
      const newUser = {}
      for (const key in user) {
        // 应该找到对应的英文 key
        const enkey = dict[key]

        // 普通情况下, 直接将源数据放入新用户对象是可以的
        // 除了日期的特殊情况, 需要先进性转换
        if (enkey === 'timeOfEntry' || enkey === 'correctionTime') {
          // 转换日期
          const timeStr = this.formatDate(user[key], '/')
          // console.log('999', timeStr)  //2019/9/10
          // 转换完日期后,还需要转成 后台能识别的日期格式
          const newDate = new Date(timeStr)
          // console.log('000', newDate)  //Tue Sep 10 2019 00:00:00 GMT+0800 (中国标准时间)
          newUser[enkey] = newDate
        } else {
          // 这里是无需转换日期
          // 将对应的 value 值放入新用户对象的 英文 key 中
          newUser[enkey] = user[key]
        }
      }
      return newUser
    },
    formatDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
